<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.test.entity.UserInfo"%>
<%@page import="com.test.entity.News"%>
<%@page import="org.springframework.context.ApplicationContext"%>
<%@page import="com.test.entity.CardType"%>
<%@page import="org.springframework.context.support.ClassPathXmlApplicationContext"%>
<%@page import="com.test.dao.OrderDetailDAO"%>
<%@ include file="cfmt/tldImport.jsp"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>商品分类页面</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/catalog.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="top">
			<div class="logo">
				<img src="images/logo.gif" />
			</div>
			<div class="tmenu">
				<span><a href="cart.jsp">我的购物车</a>
				</span><span>|</span>
				<span><a href="userm.jsp">用户中心</a>
				</span><span>|</span>
				<span><a href="index!shows.action">首页</a>
				</span><span>|</span>
				<span><a href="loginout.jsp">退出</a>
				</span>
			</div>
		</div>
		<div id="main">
			<div class="main_left">
				<!--商品分类-->
				<div class="pcatalog">
					<div class="catalogt">
						商品分类
					</div>

					<div class="catalogc">
						<ul>
							<c:forEach var="card" items="${list2}" end="6">
								<li>
									<a href="index!Catalog.action?cid=${card.id}">${card.cardTypeName}...${card.cardPrice}</a>
								</li>
							</c:forEach>
						</ul>
					</div>

					<div class="catalogb"></div>
				</div>
				<!--最近浏览过的商品-->
				<div class="history">
					<div class="hist">
						最近浏览过的卡片
					</div>
					<div class="hisc">
						<ul>
							<li>
								<a href="javascript:void(0);">网通ip电话卡</a>
							</li>
							<li>
								<a href="javascript:void(0);">魔兽世界(战网一卡通)30</a>
							</li>
							<li>
								<a href="javascript:void(0);">很好记一卡通15元（梦幻西游）</a>
							</li>
							<li>
								<a href="javascript:void(0);">bao3网G币一卡通在线充</a>
							</li>
						</ul>
					</div>
					<div class="hisb"></div>
				</div>
			</div>
			<div class="main_right">
				<div id="menu">
					<div class="lmenu">
						<img src="images/menuleft.gif" />
					</div>
					
						<form action="index!keyWord.action" name="form1" method="post">
							<div class="cmenu">
								<span style="float: left;">请输入卡片关键字</span>
								<span class="sl"></span>
								<span class="sc"><input type="text" class="search"
										name="keyWord" value="" />
								</span>
								<span class="sr" onclick=into();></span>
							</div>
						</form>
						<div class="rmenu">
							<img src="images/menuright.gif" />
						</div>
					</div>


					<div id="browsePath">
						当前位置:商品分类位置
					</div>
					<!--商品列表-->
					<div class="catalogList">
						<div>
							<div class="cltitle">
								某类商品
							</div>
							<div class="crtitle">
								<a href="#" class="more">更多>></a>
							</div>
						</div>
						<div class="ccontent" id="ccontent">

							<c:forEach var="card" items="${list}" end="5">
								<div class="info">
									<img src="${card.cardImage}" class="cardImg" />
									<ul>
										<li>
											卡号:${card.id}
										</li>
										<li>
											卡片名称:${card.cardTypeName}
										</li>
										<li>
											卡片面值:
											<span style="text-decoration: line-through;">${card.cardPrice}</span>
										</li>
										<li>
											会员价:
											<span style="color: red;">￥</span><span class="memberPrice">${card.cardPrice*0.8}</span>&nbsp;VIP价:
											<span style="color: red;">￥</span><span class="vipPrice">${card.cardPrice*0.7}</span>
										</li>
										<li style="float: right;">
											<img src="images/add_cart.gif"
												onclick="window.location='shop!shop.action?method=add&cid=${card.id}';" />
										</li>
									</ul>
								</div>
							</c:forEach>
							<!-- <div  class="pageNav"><a href="javascript:void(0);">首页</a><a href="javascript:void(0);">上一页</a><a href="javascript:void(0);">下一页</a><a href="javascript:void(0);">最后一页</a></div> -->
						</div>
					</div>

				</div>
			</div>
			<div style="clear: both"></div>
			<div id="footer">
				<div class="bmenu">
					<a href="#">免责条款</a>|
					<a href="#">隐私保护</a>|
					<a href="#">咨询热点</a>|
					<a href="#">联系我们</a>|
					<a href="#">公司简介</a>|
					<a href="#">批发方案</a>|
					<a href="#">配送方式</a>
				</div>
			</div>
	</body>
</html>

